<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>前端开发工具页面</title>

    <!-- 引入 css -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-extend.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/buttons.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">

    <!-- 引入 js -->
    <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
    <script src="https://cdn.bootcss.com/Chart.js/2.5.0/Chart.min.js"></script>
    <script src="js/util.js"></script>
    <script src="js/config.js"></script>
    <script src="js/myngjs.js"></script>

</head>
<body ng-app="m" style="/*background: url('asset/bg1.jpg') repeat*/">

<!--网页动态背景-->
<canvas id="c" width="100%" height="100%" style="z-index: -1;position: absolute;"></canvas>

<div class="container" style="width: 98%;" ng-controller="ct">
    <!--顶部固定导航-->
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="index.html">
                    <i style="color:rgba(56,105,146,1);" class="icon-github-alt"></i>&nbsp;
                    <span style="font-style: italic;color:rgba(56,105,146,0.5);">TomasWebAssist</span></a>
            </div>
            <div>
                <ul class="nav navbar-nav">
                    <li class="active"><a>iOS</a></li>
                    <li><a>SVN</a></li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown">
                            Java <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">jmeter</a></li>
                            <li><a href="#">EJB</a></li>
                            <li><a href="#">Jasper Report</a></li>
                            <li class="divider"></li>
                            <li><a href="#">分离的链接</a></li>
                            <li class="divider"></li>
                            <li><a href="#">另一个分离的链接</a></li>
                        </ul>
                    </li>
                    <li><a>SVN</a></li>
                    <li><a>SVN</a></li>
                    <li><a>SVN</a></li>
                    <li><a>SVN</a></li>
                    <li><a>SVN</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown">
                            更多 <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a style="color: rgba(104,91,97,0.73)"><i class="icon-question-sign icon-large"></i>&nbsp;更多帮助</a></li>
                            <!--<li class="divider"></li>-->
                            <li><a style="color: rgba(104,91,97,0.73)"><i class="icon-user icon-large"></i>&nbsp;关于作者</a></li>
                            <!--<li class="divider"></li>-->
                            <li><a style="color: rgba(104,91,97,0.73)"><i class="icon-cog icon-large"></i>&nbsp;系统设置</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</div>

<div class="container" style="width: 98%;" ng-controller="c">
    <div class="row">
        <!--左边垂直导航-->
        <div class="col-md-2">
            <div class="m-t-lg clearfix">
                <ul id="myLeftNaviId" class="list-group" data-spy="affix" data-offset-top="20"><!--固定导航-->
                    <li ng-click="leftNaviClick($index)" ng-class="{'active':activeCode==$index}" class="list-group-item pointer" ng-repeat="item in constRef[0]">
                        <i style="width: 25px;" ng-class="{'pull-left':true}" class="{{item.icon}}"></i>
                        <span class="m-l-md" ng-bind="item.name"></span>
                    </li>
                </ul>
            </div>
        </div>
        <!--右边详细信息-->
        <div class="col-md-10">
            <!--常用cdn链接-->
            <div class="m-t-lg" id="divId0">
                <div class="jumbotron">
                    <h1>前端开发工具辅助页面</h1>
                    <p>--- css js框架 常用cdn链接</p>
                    <div class="panel panel-info">
                        <div class="panel-heading">
                            <h3 class="panel-title clearfix">
                                <span class="pull-left">详细信息</span>
                                <div class="btn-group pull-right">
                                    <button ng-click="cdnViewStatus=0" class="button button-glow button-border button-rounded button-caution"><span ng-bind="constRef[1][0]"></span></button>
                                    <button ng-click="cdnViewStatus=1" class="button button-glow button-border button-rounded button-highlight"><span ng-bind="constRef[1][1]"></span></button>
                                    <a href="asset/no-cdn-links.zip"><button ng-click="" class="button button-glow button-border button-rounded button-action"><span ng-bind="constRef[1][2]"></span></button>
                                    </a>
                                </div>
                            </h3>
                        </div>
                        <div class="panel-body">
                            <div class="well" style="height: 700px;overflow: auto;">
                                <code>
                                    <span ng-show="cdnViewStatus==0" ng-repeat="item in linksTarget">
                                        <h4>
                                            <span ng-if="$index%2==0"><span class="label label-primary" ng-bind="$index/2+1"></span></span>
                                            <span ng-bind="item" ng-class="{'text-purple':$index%2==0}"></span>
                                            <!--<button data-clipboard-text="" ng-click="copyToClipBoard($index/2+1,linksTarget[$index+1])"
                                                    ng-if="$index%2==0" class="btn btn-success btn-xs copyButtonClass">复制链接到剪贴板</button>-->
                                        </h4>
                                    </span>
                                    <span ng-show="cdnViewStatus==1" ng-repeat="item in linksArray">
                                        <h4>
                                            <span ng-bind="item"></span>
                                        </h4>
                                    </span>
                                </code>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--常用网址导航-->
            <div class="m-t-lg" id="divId1">
                <div class="jumbotron">
                    <h1>常用网址导航</h1>
                    <p>--- 百度 有道云 git等常用网址汇总</p>
                    <div class="panel panel-info">
                        <div class="panel-heading">
                            <h3 class="panel-title clearfix">
                                <span class="pull-left">详细信息</span>
                                <!--<div class="btn-group pull-right">
                                    <button ng-click="cdnViewStatus=0" class="button button-glow button-border button-rounded button-caution"><span ng-bind="constRef[1][0]"></span></button>
                                    <button ng-click="cdnViewStatus=1" class="button button-glow button-border button-rounded button-highlight"><span ng-bind="constRef[1][1]"></span></button>
                                    <a href="asset/no-cdn-links.zip"><button ng-click="" class="button button-glow button-border button-rounded button-action"><span ng-bind="constRef[1][2]"></span></button>
                                    </a>
                                </div>-->
                            </h3>
                        </div>
                        <div class="panel-body">
                            <div class="well clearfix">
                                <div class="col-md-4 m-b-lg p-a" ng-repeat="item in constRef[2]">
                                    <a target="_blank" ng-href="{{item.href}}" class="myImgClassId">
                                        <img class="img-responsive img-rounded" ng-src="myimages/{{item.src}}" alt="no img">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--在线文本复制-->
            <div class="m-t-lg" id="divId2">
                <div class="jumbotron">
                    <h1>在线文本复制</h1>
                    <p>--- 方便复制文本</p>
                    <div class="panel panel-info">
                        <div class="panel-heading">
                            <h3 class="panel-title clearfix">
                                <span class="pull-left">详细信息</span>
                                <div class="btn-group pull-right">
                                    <!--<button ng-click="" class="button button-glow button-border button-rounded button-caution"><span ng-bind="constRef[3][0]"></span></button>
                                    <button ng-click="" class="button button-glow button-border button-rounded button-highlight"><span ng-bind="constRef[3][1]"></span></button>-->
                                    <button ng-click="" class="button button-glow button-border button-rounded button-action"><span ng-bind="constRef[3][2]"></span></button>
                                </div>
                            </h3>
                        </div>
                        <div class="panel-body">
                            <div class="well">
                                <textarea rows="30" class="form-control"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div style="width: 100%;background-color: #EEEEEE" ng-controller="cb" class="text-muted">
    <div class="container p-y-lg">
        <div class="row" style="height: 75px;">
            <div class="col-md-1">
                <i class="icon-flag icon-4x"></i>
                <p class="text-muted" style="font-style: italic">共同进步!</p>
            </div>
            <div class="col-md-2 col-md-offset-1" style="text-align: right">
                <p ng-repeat="item in constRef[3][3]"><span ng-bind="item.name"></span></p>
            </div>
            <div class="col-md-4" style="">
                <p class="bottomLink" ng-repeat="item in constRef[3][3]"><a target="_blank" ng-href="{{item.href}}"><span ng-bind="item.value"></span></a></p>
            </div>
            <div class="col-md-4" style="padding-top: 28px;">
                <p>angular the world   --tomasyao</p>
            </div>
        </div>
        <div class="row m-t-lg">
            <div>
                <p class="text-center">@copyright 2017- whut d9lab zouy 版权所有</p>
            </div>
        </div>
    </div>
</div>

<script src="js/md5.js"></script>
<script src="js/bg.js"></script>
</body>
</html>